<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
	<th:block th:include="include :: header('修改用户密码')" />
</head>
<body class="white-bg">
	<div class="wrapper wrapper-content animated fadeInRight ibox-content">
		<form class="form-horizontal m" id="form-user-resetPwd">
			<input name="userId"  type="hidden"  th:value="${user.userId}" />
			<div class="form-group">
				<div class="col-sm-8">
					1、手机下载谷歌认证器：
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-8" id="qrcode">
					2、打开谷歌认证器扫描下方二维码：<img id="qrcode_load" th:src="@{/img/loading.gif}" width="100%" style="max-width:264px;">
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-8" >
					或者输入谷歌秘钥：[[${googleKey}]]
				</div>
			</div>

		</form>
	</div>
	<th:block th:include="include :: footer" />

	<script>
		$('#qrcode_load').remove();
		var imgUrl = "[[${imgUrl}]]";
		var qrcode = new QRCode('qrcode', {
			text:imgUrl,
			width: 256,
			height: 256,
			colorDark: '#000000',
			colorLight: '#ffffff',
			correctLevel: QRCode.CorrectLevel.H
		});
	</script>
</body>

</html>
